{extends file='layout/default.tpl'}
{block name=title}易控-文件轨迹{/block}
{block name=head}
<link rel="stylesheet" type="text/css" href="/static/css/trace.css?v={$smarty.const.UNCLONE_VERSION}">
{/block} {block name=body}
<div id="traceList" class="traceList">
	{if !isset($file_empty)}
	<div class="trace-wrap clearfix">
		<div class="list-title clearfix" id="list-title">
			<ul class="left">
				<li class="file">文件</li>
				<li class="date">日期</li>
				<li class="trace">轨迹</li>
			</ul>
			<ul class="right">
				<li class="my"><a href="#"><span class="filter-icon"></span>我的操作</a></li>
				<li class="all active"><a href="#"><span class="filter-icon"></span>文件轨迹</a></li>
			</ul>
		</div>
		<div class="content clearfix">
			<div class="file-box" id="fileBox">
				<div class="data-list">
					<div class="panel">
						<div style="position: relative;" class="mCSB">
							<ul>

							</ul>
						</div>
					</div>
				</div>
				<div class="page-wrap">
					<span class="trace_icons icon-up"></span>
					<span class="trace_icons icon-down"></span>
				</div>
			</div>
			<div class="date-box" id="dateBox">
				<div class="data-list">
					<div class="panel">
						<div style="position: relative;" class="mCSB">
							<ul> 

							</ul>
						</div>
					</div>
				</div>
				<div class="page-wrap">
					<span class="trace_icons icon-up"></span>
					<span class="trace_icons icon-down"></span>
				</div>
			</div>
			<div class="trace-box" id="traceBox">
				<div class="trace-list">
					<div class="mypage" id="mypage">
						<div id="waterfall">

					 	</div>
				 	</div>
				</div>
			</div>
		</div>
	</div>
	{else}
	<div class="emptybox">
		{$error_info}
	</div>
	{/if}
</div>
{/block} 

{block name=foot} 

<script id="fileTpl" type="text/html">
{literal}
{{#files}}
<li class="{{#active}}active{{/active}}" data-index="{{index}}" data-uuid="{{uuid}}">
	<span class="{{type}}"></span>{{name}}
</li>
{{/files}}
{/literal}
</script>


<script id="dateTpl" type="text/html">
{literal}
{{#dates}}
<li class="{{#col2}}col2{{/col2}} {{#active}}active{{/active}}" data-index="{{index}}">
	<a href="#{{ts}}" >{{ts}}</a>
</li> 
{{/dates}}
{/literal}
</script>

<script id="traceTpl" type="text/html">
{literal}
{{#traces}}
		<div class="trace" data-index="{{index}}">
			<div class="msdate">{{tsHi}}</div>
			{{^hasOptions}}
			<div class="ope">
				<span class="no-options">{{name}}</span>
			</div>
			{{/hasOptions}}
			{{#hasOptions}}
			<div class="ope">
				<span class="dec">{{name}}</span>
				<div class="options">
					{{#options}}
						{{#uneven}}
								<div style="width: 30%; float: left;">
									<span class="trace_icons {{icon}}"></span>
							 		{{info}}
								</div>
							</div>
						{{/uneven}}
						{{#even}}
							<div class="row1 clearfix">
								<div style="width: 70%; float: left;">
									<span class="trace_icons {{icon}}"></span>
							 		{{info}}
								</div>
							{{#isLast}}
								</div>
							{{/isLast}}
						{{/even}}
					{{/options}}	
				</div>
			</div>
			{{/hasOptions}}
		</div>
{{/traces}}
{/literal}
</script>
{/block}
